Web Componentの練習をする
scrapbox-card-bubble
で
Web Components
を使いたいが、使い方もわからないでいきなり導入すると、よくわからないエラーに悩まされるだけになってしまう
いくつか小さいprotoptypeを作って試してみたい
どうやるか
Web components
のsample codesをCodeSandboxにコピペして動かしてみる
Scrapboxにも移植して動かせるかどうかを試してみる
試す機能一覧
Custom Elements
Custom Elementsの練習
Shadow DOM
Shadow DOM
で
Element.insertAdjacentHTML()
は使えないみたい
Element.innerHTML
でDOMを追加するしかないね
Shadow DOMの練習
<slot>
#2020-12-09
22:00:20